import { StyleSheet } from 'react-native';
import { phonePx } from '../../util/adapt';

export default StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#ffffff'
  },
  content: {
    paddingHorizontal: phonePx(20)
  },
  yearItem: {
    marginTop: phonePx(18)
  },
  item: {
    width: phonePx(320),
    height: phonePx(77),
    borderColor: '#f1f1f1',
    borderWidth: phonePx(1),
    borderRadius: phonePx(4),
    marginBottom: phonePx(12),
    overflow: 'hidden',
    flexDirection: 'row',
    alignItems: 'center'
  },
  year: {
    color: '#A3AAB6',
    fontSize: phonePx(12),
    lineHeight: phonePx(17),
    fontWeight: '500',
    marginBottom: phonePx(10)
  },
  dateContent: {
    width: phonePx(77),
    height: phonePx(77),
    alignItems: 'center',
    justifyContent: 'center'
  },
  date: {
    color: '#8F95A2',
    fontSize: phonePx(18),
    lineHeight: phonePx(25),
    fontWeight: '500'
  },
  time: {
    color: '#8F95A2',
    fontSize: phonePx(12),
    lineHeight: phonePx(17),
    marginTop: phonePx(3)
  },
  line: {
    backgroundColor: '#E8E8E8',
    height: phonePx(38),
    width: phonePx(1)
  },
  detail: {
    flex: 1,
    height: phonePx(38),
    flexDirection: 'row',
    justifyContent: 'space-between'
  },
  name: {
    color: '#4B505A',
    fontSize: phonePx(16),
    lineHeight: phonePx(22),
    fontWeight: '500',
    marginLeft: phonePx(14)
  },
  number: {
    color: '#3C96FA',
    fontSize: phonePx(16),
    lineHeight: phonePx(22),
    fontWeight: '500',
    marginRight: phonePx(16)
  },
  decrease: {
    color: '#FC6C50'
  }
});
